@extends('home.layout.demo')



@section('css')
<link href="{{asset('./homeCSS/ad/dist/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('./homeCSS/ad/dist/css/docs.min.css')}}" rel="stylesheet">
<link href="{{asset('./homeCSS/ad/dist/css/2.css')}}" rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{asset('./homeCSS/ad/dist/css/56.css')}}" type="text/css" />
<link href="{{asset('./homeCSS/ad/dist/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('./homeCSS/ad/dist/css/jquery.mmenu.all.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('./homeCSS/ad/dist/css/swiper.min.css')}}" rel="stylesheet" type="text/css" />

<link href="{{asset('./homeCSS/ad/dist/css/basestyle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('./homeCSS/ad/dist/css/xnmb.css')}}" rel="stylesheet" type="text/css" />
<script src="{{asset('./homeCSS/ad/jss/jquery-1.8.3.min.js')}}"></script>
<script src="{{asset('./homeCSS/ad/jss/swiper.min.js')}}"></script>
<script src="{{asset('./homeCSS/ad/jss/jquery.mmenu.all.min.js')}}"></script>
<script src="{{asset('./homeCSS/ad/dist/js/jquery-1.12.4.min.js')}}"></script>
<script src="{{asset('./homeCSS/ad/dist/js/bootstrap.min.js')}}"></script>
@show




  
</div>
<!-- 广告页开始 -->
<div class="maple-tab cl" style="margin-top:-40px;margin-bottom:100px;">
      <ul style="position: fixed;z-index:999999;">
      <!-- 广告页导航栏 -->
        <li class="active">
          <p class="m-border-right">关于牛播</p>
        </li>
        <li>
          <p>内容与产品</p>
        </li>
        <li>
          <p>新闻中心</p>
        </li>
        <li>
          <p>广告服务</p>
        </li>
        <li>
          <p>联系我们</p>
        </li>
      </ul>
      <!-- 广告页导航结束 -->
 </div>
    <!--列表内容-->
    <div class="swiper-container jion-swiper-tab" style="margin-left:20px;width:1300px;height:1300px;margin-top:100px;">
      <div class="swiper-wrapper" >
        <div class="swiper-slide jion-tab-content">
          <div class="join-about">
          <p align="center">
            <font color="#00A3DD" style="font-size:25px; font-weight:bold;">牛播（aitv.com）</font>
          </p>
            <p style="font-size:15px;"> 牛播坚持打造“阳光、真实、主流、有梦想”的品牌形象，以"合计划"为导向，联手众多合作伙伴展开资源整合和内容拓展，利用视频媒体独特的属性开创“台网联动”传播模式，不断响应行业及网民诉求，推动网络视频行业主流化进程。现已成为正版影视节目发行、传播和营销的合法平台。
           </p>
            <p> 牛播不断实践"三网合一"的使命，现已覆盖PC、电视、移动三大终端，兼具影视、综艺、资讯三大内容形态，贯通视频内容制作、播出、发行三大环节，成为真正意义的互联网电视媒体，引领视频行业格局及全媒时代的大格局 </p>
            <br/>
            <br/>
            <br/>
            <br/>
            <p style="background: #009BF6; height: 30px; font-size:18px;" align="center">
              <font color="#FFFFFF">牛播公益</font>
            </p>
            <p style="font-size:18px;">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#00A3DD">构建网络公益平台，传递爱心实践行动。牛播秉承主流媒体的爱心使命，积极参与公益行动与爱心付出，并发挥视频媒体优势实施行之有效的网络联络及救助计划，普及公益理念，让视频充满爱。</font>
            </p>
          </div>
        </div>
        <!-- 内容与产品开始 -->
       <div class="swiper-slide jion-tab-content" style="margin-left:90px;">
          <div class="join-about" style="">
            <p style="margin-right:0px; margin-top:50px; background: #009BF6; width: 1000px; height: 30px; font-size:18px;"><font color="#FFFFFF">三大内容体系：</font></p>
            <table style="width:100%; margin-left:30px; margin-top:30px;">
              <tr>
                <td><div style="width:200px;height:100px;background:#FFFFF; margin-bottom:-50px;" align="center" class="content" ><dl>
              <dt style="font-weight:bold; font-size:20px; font-size:bold; margin-top:-10px;"><a href="#" target="_blank">资讯中心</a></dt>
              <dd><a href="#" target="_blank">体育</a> \ <a href="#" target="_blank">汽车</a> \ <a href="#" target="_blank">科技</a> \ <a href="#" target="_blank">财经</a></dd>
            </dl></td> 
            <td><div style="width:1px;height:100px;border-left:1px dashed #009BF6; margin-right:60px; margin-bottom:-50px;" class="content" >
                </div><dl>       
            </dl></td>
               <td><div style="width:200px;height:100px;" align="center" class="content" >
                <dl>
              <dt style="font-weight:bold; font-size:20px; font-size:bold; margin-top:-10px;"><a href="#" target="_blank">娱乐中心</a></dt>
              <dd><a href="#" target="_blank">原创</a> \ <a href="#" target="_blank">音乐</a> \ <a href="#" target="_blank">动漫</a> \ <a href="#" target="_blank">游戏</a></dd>
            </dl></td>

              <td><div style="width:1px;height:100px;border-left:1px dashed #009BF6; margin-right:60px; margin-bottom:-50px;" class="content" >
                </div><dl>

                <td><div style="width:200px;height:100px; margin-right:200px;" align="center" class="content" >
                <dl>
              <dt style="font-weight:bold; font-size:20px; font-size:bold; margin-top:-10px;"><a href="#" target="_blank">生活中心</a></dt>
              <dd><a href="#" target="_blank">时尚</a> \ <a href="#" target="_blank">旅游</a> \ <a href="#" target="_blank">母婴</a> \ <a href="#" target="_blank">搞笑</a></dd>
            </dl></td>
              </tr>
            </table>
            <p style="margin-right:100px; margin-top:80px; background: #009BF6; width: 1000px; height: 30px; font-size:18px;"><font color="#FFFFFF">内容品牌：</font>
            <table style="width:100%; margin-left:30px; margin-top:30px;" >
              <tr>
              <td><div style="width:143px;height:106px; margin-left:12px;">
                <img src="{{asset('./homeCSS/ad/imagesmb/xialogo1.jpg')}}">

                    <div style="width:750px;height:106px; margin-left:220px; margin-top:-110px;">
                       <p style="font-weight:bold; font-size:20px;">
                         牛播拍客
                       </p>
                       <p>
                         牛播于2007年发起的拍客文化，广招天下视频狂人，关注热点事件，抓拍生活奇趣。 “谁都可以做拍客，拍客无处不在”，拍客是视频时代的当之无愧的代言人。
                       </p>


                    </div>
              </div>
              </td>
               </tr>
              <tr>
              <td>
              <div style="margin-top:50px;">
              <div style="width:143px;height:106px; margin-left:12px;">
                <img src="{{asset('./homeCSS/ad/imagesmb/xialogo2.jpg')}}">

                    <div style="width:750px; margin-left:220px; margin-top:-110px;">
                       <p style="font-weight:bold; font-size:20px;">
                         牛播牛人
                       </p>
                       <p>
                         牛播牛人2017年，牛播推出“牛人计划”，帮助平凡的人们实现自己的专业梦想和人生价值，牛人执着于自我的梦想，成为新一代视频文化的民众偶像。
                       </p>
                    </div>
              </div>
               </div>
              </td>
               </tr>
              </table>
            </p>
          </div>
        </div>
        <!-- 内容与产品结束 -->
         <div class="swiper-slide jion-tab-content">
          <div class="join-about">
            <table width="760">
              <tbody>
                <!-- 牛播动态新闻详情 -->
    <div class="bmpage-newsinfo" style=" width:1100px;margin-reight:60px;margin-left:60px;">
      <div class="tit">省委常委、常务副省长黄莉新 对牛播定制开启的创新商业模式给予肯定</div>
      <div class="time">2017-02-09</div>
      <div class="infocontent">
        <p style="text-align:center; width:1080px;"><img src="{{asset('./homeCSS/ad/imagesmb/sheng.jpg')}}" alt=""> </p>
        <p>　　省委常委、常务副省长黄莉新一行在魏国强、王天琦等市领导陪同下，实地考察宿迁电子商务产业园区。</p>
        <p>　　11月8日，苏北发展工作座谈会召开之前，省委常委、常务副省长黄莉新率队实地考察了宿迁电子商务产业园区。省政府副秘书长夏心旻、省发改委主任陈震宁、省政府研究室主任郑焱等参加考察，市领导魏国强、王天琦、沈海斌、张晓伟陪同考察。</p>
        <p>　　在宿迁电子商务产业园区展示馆，黄莉新认真听取了园区发展情况介绍，并详细询问园区基础建设、招商引资、项目产值等方面情况。得知园区目前已集聚各类互联网企业200余家、一般公共预算收入今年有望突破5亿元时，黄莉新连连称赞。她说，宿迁电子商务产业园区规模大、档次高、发展快，仅用了短短两年时间就集聚了一大批知名互联网企业，国内前50强互联网企业已有一半进驻，与苏南地区相比也是不逊色的，成绩值得充分肯定。</p>
      </div>
    </div>
  </div>
              </tbody>
            </table>
          </div>
        </div>


        <div class="swiper-slide jion-tab-content">
           <div class="join-about" style=" margin-left:60px; margin-right:80px; margin-top:10px;">
             <table style="width:100%; margin-left:30px; margin-top:30px;">
               <tr>
               <td>
               <div style="width:143px;height:106px; margin-left:12px;">
                 <img src="{{asset('./homeCSS/ad/imagesmb/dianhualogo.jpg')}}">

                     <div style="width:750px;height:106px; margin-left:220px; margin-top:-110px;" >
                      <p style="background: #009BF6; width: 600px; height: 30px; font-size:18px;"><font color="#FFFFFF">内容品牌：</font></p>
                      <p>
                        <font color="blue">北京总部：010-58906619&nbsp;&nbsp;天津分公司：021-33253505&nbsp;&nbsp;个人电话：020-38969333</font>
                      </p>

                     </div>
               </div>
               </td>
                </tr>
              <tr>
               <td>
               <div style="margin-top:50px;">
               <div style="width:143px;height:106px; margin-left:12px;">
                 <img src="{{asset('./homeCSS/ad/imagesmb/guanggao2.jpg')}}">

                     <div style="width:750px;height:106px; margin-left:220px; margin-top:-110px;" >
                      <p style="background: #009BF6; width: 600px; height: 30px; font-size:18px;"><font color="#FFFFFF">广告报价：</font></p>
                      <p>
                        <a href="#"><font color="blue">牛播&nbsp;2017刊例，点击了解详了解，以及广告点位……</font></a>
                      </p>

                     </div>
               </div>
               </td>
                </tr>
               <tr>
               <td>
               </div>
               <div style="width:950px;height:30px;margin-top:120px; margin-left:60px;">
                 <font color="red" style="font-weight:bold; font-size:20px;">亲爱的广告用户：</font><font style="font-weight:bold; font-size:18px;">您发布的广告要求可在以下界面填写需求信息，我们会在后台为您审核后，开始投放。谢谢合作。</font>
               </div>



               <div style="width:950px;height:300px;margin-top:120px; margin-left:60px; border:1px solid red">
                   <font color="red" style="font-weight:bold; font-size:20px;">亲爱的广告用户：</font><font style="font-weight:bold; font-size:18px;">请在这里进行操作</font><br/><br/><br/>
                  <form style="font-weight:bold; font-size:15px;" action="upload.php" name="form" method="post" enctype="multipart/form-data">
                  <input type="file" name="file" /><input type="submit" name="submit" value="上传" />
                  </form>
               </div>
               </table>
               </table>
            
           </div>
         </div>
         </td>
      





       <div class="swiper-slide jion-tab-content">
          <div class="join-about">
            <table width="760">
              <tbody>
                <tr>
                  <td colspan="2"><p style="font-weight:bold; font-size:15px;"> 总客服电话：400-888-8888 </p>
                    <p style="color:#ee7800; font-size:20px;"> 在这个世界的任何地方，你只需要一个电话或一封email，我们随时准备着.... </p></td>
                </tr>
                <tr>
                  <td><p style="font-weight:bold; font-size:20px;" > 北京牛播视频有限公司 </p>
                    <p style="font-weight:bold; font-size:10px;"> 地址：北京市昌平区回龙观牛播大厦 </p></td>
                  <td ><p style="font-weight:bold; font-size:20px;"> 天津牛播视频有限公司 </p>
                    <p style="font-weight:bold; font-size:10px;"> 地址：天津市牛播牛播总部3号楼园区 </p></td>
                </tr>
                <tr>
                  <td><p style="font-weight:bold; font-size:10px;"> 市场推广 、供应链合作 </p>
                    <p> a304542@163.com </p></td>
                  <td><p style="font-weight:bold; font-size:10px;"> 人才招聘 </p>
                    <p> a304542@163.com </p></td>
                </tr>
                <tr>
                  <td><p style="font-weight:bold; font-size:10px;"> 售后支持 </p>
                    <p> a304542@163.com </p></td>
                  <td><p style="font-weight:bold; font-size:10px;"> 宿迁线下体验店 </p>
                    <p> a304542@163.com </p></td>
                </tr>
                <tr>
                  <td colspan="2"><p> <img src="{{asset('./homeCSS/ad/imagesmb/ditu.jpg')}}" alt=""> </p></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
    </div>


    <script>
$(function () {
        var mySwiper = new Swiper('.jion-swiper-tab', {
            onSlideChangeEnd: function (swiper) {
                var j=mySwiper.activeIndex;
                $('.maple-tab li').removeClass('active').eq(j).addClass('active');
				$('html,body').animate({scrollTop: '0px'}, 800);
            }
        })
        /*列表切换*/
        $('.maple-tab li').on('click', function (e) {
            e.preventDefault();
            //得到当前索引
            var i=$(this).index();
            $('.maple-tab li').removeClass('active').eq(i).addClass('active');
            mySwiper.slideTo(i,1000,false);
        });
});
</script> 
  </div>
</div>
 </div> 
  </div>  

